﻿<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>用户中心</title>
    <link rel="stylesheet" href="css/animate.min.css" />
    <link rel="stylesheet" href="css/bgindex.css" />
    <script type="text/javascript">
        (function (designWidth, rem2px) {
            var win = window;
            var doc = win.document;
            var docEl = doc.documentElement;
            var metaEl = doc.querySelector('meta[name="viewport"]');
            var dpr = 0;
            var scale = 0;
            var tid;

            if (!dpr && !scale) {
                var devicePixelRatio = win.devicePixelRatio;
                if (win.navigator.appVersion.match(/iphone/gi)) {
                    if (devicePixelRatio >= 3 && (!dpr || dpr >= 3)) {
                        dpr = 3;
                    } else if (devicePixelRatio >= 2 && (!dpr || dpr >= 2)) {
                        dpr = 2;
                    } else {
                        dpr = 1;
                    }
                } else {
                    dpr = 1;
                }
                scale = 1 / dpr;
            }

            docEl.setAttribute('data-dpr', dpr);
            if (!metaEl) {
                metaEl = doc.createElement('meta');
                metaEl.setAttribute('name', 'viewport');
                metaEl.setAttribute('content', 'width=device-width,initial-scale=' + scale + ', maximum-scale=' + scale + ', minimum-scale=' + scale + ', user-scalable=no');

                if (docEl.firstElementChild) {
                    docEl.firstElementChild.appendChild(metaEl);
                } else {
                    var wrap = doc.createElement('div');
                    wrap.appendChild(metaEl);
                    doc.write(wrap.innerHTML);
                }
            } else {
                metaEl.setAttribute('name', 'viewport');
                metaEl.setAttribute('content', 'width=device-width,initial-scale=' + scale + ', maximum-scale=' + scale + ', minimum-scale=' + scale + ', user-scalable=no');
            }
            // 以上代码是对 dpr 和 viewport 的处理，代码来自 lib-flexible。

            // 一下代码是处理 rem，来自上篇文章。不同的是获取屏幕宽度使用的是
            // document.documentElement.getBoundingClientRect
            function refreshRem(_designWidth, _rem2px) {
                // 修改viewport后，对网页宽度的影响，会立刻反应到
                // document.documentElement.getBoundingClientRect().width
                // 而这个改变反应到 window.innerWidth ，需要等较长的时间
                // 相应的对高度的反应，
                // document.documentElement.getBoundingClientRect().height
                // 要稍微慢点，没有准确的数据，应该会受到机器的影响。
                var width = docEl.getBoundingClientRect().width;
                //					console.log(width);
                var d = window.document.createElement('div');
                d.style.width = '1rem';
                d.style.display = "none";
                docEl.firstElementChild.appendChild(d);
                var height = document.documentElement.clientHeight || document.body.clientHeight;
                height = height / 2;
                if (height <= 480) {
                    var defaultFontSize = 18; //parseFloat(window.getComputedStyle(d, null).getPropertyValue('width'));
                } else {
                    var defaultFontSize = 16; //parseFloat(window.getComputedStyle(d, null).getPropertyValue('width'));
                }
                //					var defaultFontSize = parseFloat(window.getComputedStyle(d, null).getPropertyValue('width'));
                // d.remove();
                var design1 = _designWidth / _rem2px;
                var fontSize = width / design1 / defaultFontSize * 100;
                if(fontSize>631.163708086785){
                	fontSize = 631.163708086785;
                }
                console.log(fontSize)
                var portrait = "@media screen and (width: " + width + "px) {html{font-size:" + fontSize + "%}}";
                var dpStyleEl = doc.getElementById('dpAdapt');
                if (!dpStyleEl) {
                    dpStyleEl = document.createElement('style');
                    dpStyleEl.id = 'dpAdapt';
                    dpStyleEl.innerHTML = portrait;
                    docEl.firstElementChild.appendChild(dpStyleEl);
                } else {
                    dpStyleEl.innerHTML = portrait;
                }
                // 由于 height 的响应速度比较慢，所以在加个延时处理横屏的情况。
                setTimeout(function () {
                    var height = docEl.getBoundingClientRect().height;
                    var landscape = "@media screen and (width: " + height + "px) {html{font-size:" + ((height / (_designWidth / _rem2px) / defaultFontSize) * 100) + "%}}"
                    var dlStyleEl = doc.getElementById('dlAdapt');
                    if (!dlStyleEl) {
                        dlStyleEl = document.createElement('style');
                        dlStyleEl.id = 'dlAdapt'
                        dlStyleEl.innerHTML = landscape;
                        docEl.firstElementChild.appendChild(dlStyleEl);
                    } else {
                        dlStyleEl.innerHTML = landscape;
                    }
                }, 500);
            }

            // 延时，让浏览器处理完viewport造成的影响，然后再计算root font-size。
            setTimeout(function () {
                refreshRem(designWidth, rem2px);
            }, 1);

        })(1690, 100);
    </script>
    <script src="js/jquery-2.1.0.js"></script>
    <!--<script src='js/aos.js'></script>-->
    <script src='js/fastclick.js'></script>
    <script src='js/vue2.0.min.js'></script>
</head>

<body>
    <div id='app' v-cloak>
        <div class='main'>
            <div class='main-left animated slideInLeft'>
                <div class='left-top'>
                    <div>
                        <div class='lt'>
                            <p>{{currentDate}}</p>
                            <h4>星期{{currentDay}}</h4>
                        </div>
                        <img class='rt' src="img/date.png" alt="" />
                    </div>
                    <p class='lt'>{{currentTime}}</p>
                </div>
                <div class='left-body'>
                    <div class='title'>
                        <img src="img/paihang.png" alt="" />
                        <span>日程安排</span>
                    </div>
                    <div class='content'>
                        <div class='list'>
                            <h3>到警报预期</h3>
                            <p v-for='item in data.Notice.Prediction' class='menuiwin' :href="item.FuncLink" :data-text="'<i class=\'fa fa-navicon firstIcon\'></i>'+item.CategoryName">【{{item.CategoryName}}】{{item.Title}}</p>
                        </div>
                        <div class='list'>
                            <h3>最新开班</h3>
                            <p v-for='item in data.Notice.NewClass' class='menuiwin' :href="item.FuncLink" :data-text="'<i class=\'fa fa-navicon firstIcon\'></i>'+item.Title">{{item.Title}}</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class='main-right'>
                <div class='lt left' id='navTab'>
                    <img class='navbg animated rotateIn' src="img/navbg.png" alt="" />
                    <img class='ditu animated zoomIn' src="img/PCindex/ditu1.png" alt="" />
                    <!--证书-->
                    <div v-for='item in data.NavList' :data-id='item.NavTitle' :class="item.class1?item.class1:''" class='Tablist menuiwin' :href="item.FuncLink" :data-text="'<i class=\'fa fa-navicon firstIcon\'></i>'+item.NavTitle">
                        <img class='animated' :class="item.class2?item.class2:''" :src="item.src" alt="" />
                        <p class='animated' :class="item.class3?item.class3:''">{{item.NavTitle}}</p>
                    </div>
                    <!--人员-->
                    <!--<div data-id='人员管理' class='renyuan Tablist menuiwin' href="/GDCIC/DQUAENT/Index" data-text="<i class='fa fa-navicon firstIcon'></i>企业资质">
                        <img class='animated zoomInLeft' src="img/renyaunguanli.png" alt="" />
                        <p class='animated bounceInDown'>人员管理</p>
                    </div>-->
                    <!--企业管理-->
                    <!--<div data-id='企业信息' class='qiye Tablist menuiwin' href="/GDCIC/DQUAENT/Index" data-text="<i class='fa fa-navicon firstIcon'></i>企业资质">
                        <img class='animated zoomInRight' src="img/qiyeguanli.png" alt="" />
                        <p class='animated bounceInDown'>企业信息</p>
                    </div>-->
                    <!--培训管理-->
                    <!--<div data-id='培训管理' class='peixun Tablist menuiwin' href="/GDCIC/DQUAENT/Index" data-text="<i class='fa fa-navicon firstIcon'></i>企业资质">
                        <img class='animated zoomInLeft' src="img/peixungaunli.png" alt="" />
                        <p class='animated bounceInLeft'>培训管理</p>
                    </div>-->
                    <!--系统管理-->
                    <!--<div data-id='系统管理' class='system Tablist menuiwin' href="/GDCIC/DQUAENT/Index" data-text="<i class='fa fa-navicon firstIcon'></i>企业资质">
                        <img class='animated zoomInUp' src="img/system.png" alt="" />
                        <p class='animated bounceInUp'>系统管理</p>
                    </div>-->
                </div>
                <!--证书管理分类-->
                <div class='lt right' v-show='state==1'>
                    <ul id='iconList' class='iconList animated fadeInRight'>
                        <!--九大员-->
                        <li v-if='data.Certificates.NineMember'>
                            <img src="img/wudayuan.png" alt="九大员管理" class='menuiwin' :href="data.Certificates.NineMember.FuncLink" data-text="<i class='fa fa-navicon firstIcon'></i>九大员管理"/>
                            <div v-if='data.Certificates.NineMember.OneMonth >0 || data.Certificates.NineMember.ThreeMonth >0' class='toast1'>
                                <img src="img/toast/4.png" alt="" />
                                <div>
                                    <p>{{data.Certificates.NineMember.ThreeMonth}}个 3个月到期</p>
                                    <p>{{data.Certificates.NineMember.OneMonth}}个 1个月到期</p>
                                </div>
                            </div>
                            <span>{{data.Certificates.NineMember.Count}}人</span>
                            <h4 v-if='data.Certificates.NineMember.EnrollLink' class='menuiwin' :href="data.Certificates.NineMember.EnrollLink" data-text="<i class='fa fa-navicon firstIcon'></i>九大员报班">可报班</h4>
                            <p class='menuiwin' :href="data.Certificates.NineMember.FuncLink" data-text="<i class='fa fa-navicon firstIcon'></i>九大员管理">九大员</p>
                        </li>
                        <!--三类人员-->
                        <li v-if='data.Certificates.SafeABCMember'>
                            <img src="img/sanleirenyaun.png" alt="三类人员管理" class='menuiwin' :href="data.Certificates.SafeABCMember.FuncLink" data-text="<i class='fa fa-navicon firstIcon'></i>三类人员管理"/>
                            <div v-if='data.Certificates.SafeABCMember.OneMonth >0 || data.Certificates.SafeABCMember.ThreeMonth >0' class='toast1'>
                                <img src="img/toast/3.png" alt="" />
                                <div>
                                    <p>{{data.Certificates.SafeABCMember.ThreeMonth}}个 3个月到期</p>
                                    <p>{{data.Certificates.SafeABCMember.OneMonth}}个 1个月到期</p>
                                </div>
                            </div>
                            <span>{{data.Certificates.SafeABCMember.Count}}人</span>
                            <h4 v-if='data.Certificates.SafeABCMember.EnrollLink' class='menuiwin' :href="data.Certificates.SafeABCMember.EnrollLink" data-text="<i class='fa fa-navicon firstIcon'></i>三类人员报班">可报班</h4>
                            <p class='menuiwin' :href="data.Certificates.SafeABCMember.FuncLink" data-text="<i class='fa fa-navicon firstIcon'></i>三类人员管理">三类人员</p>
                        </li>
                        <!--建筑技术工-->
                        <li v-if='data.Certificates.WorkGardenMember'>
                            <img src="img/jianzhujishugong.png" alt="建筑技术工管理" class='menuiwin' :href="data.Certificates.WorkGardenMember.FuncLink" data-text="<i class='fa fa-navicon firstIcon'></i>建筑技术工管理" />
                            <!--<div class='toast1'>
                                <img src="img/toast/1.png" alt="建筑技术工报班" />
                                <div>
                                    <p>{{data.Certificates.WorkGardenMember.ThreeMonth}}个 3个月到期</p>
                                    <p>{{data.Certificates.WorkGardenMember.OneMonth}}个 1个月到期</p>
                                </div>
                            </div>-->
                            <span>{{data.Certificates.WorkGardenMember.Count}}人</span>
                            <h4 v-if='data.Certificates.WorkGardenMember.EnrollLink' class='menuiwin' :href="data.Certificates.WorkGardenMember.EnrollLink" data-text="<i class='fa fa-navicon firstIcon'></i>建筑技术工报班">可报班</h4>
                            <p class='menuiwin' :href="data.Certificates.WorkGardenMember.FuncLink" data-text="<i class='fa fa-navicon firstIcon'></i>建筑技术工管理">建筑技术工</p>
                        </li>
                        <!--专业人员-->
                        <li v-if='data.Certificates.ProfessionMember'>
                            <img src="img/zhuanyerenyuan.png" alt="专业人员管理" class='menuiwin' :href="data.Certificates.ProfessionMember.FuncLink" data-text="<i class='fa fa-navicon firstIcon'></i>专业人员管理"/>
                            <!--<div class='toast1'>
                                <img src="img/toast/2.png" alt="" />
                                <div>
                                    <p>{{data.Certificates.ProfessionMember.ThreeMonth}}个 3个月到期</p>
                                    <p>{{data.Certificates.ProfessionMember.OneMonth}}个 1个月到期</p>
                                </div>
                            </div>-->
                            <span>{{data.Certificates.ProfessionMember.Count}}人</span>
                            <h4 v-if='data.Certificates.ProfessionMember.EnrollLink' class='menuiwin' :href="data.Certificates.ProfessionMember.EnrollLink" data-text="<i class='fa fa-navicon firstIcon'></i>专业人员报班">可报班</h4>
                            <p class='menuiwin' :href="data.Certificates.ProfessionMember.FuncLink" data-text="<i class='fa fa-navicon firstIcon'></i>专业人员管理">专业人员</p>
                        </li>
                        <!--特种工-->
                        <li v-if='data.Certificates.SpecialMember'>
                            <img src="img/tezhonggong.png" alt="特种工管理" class='menuiwin' :href="data.Certificates.SpecialMember.FuncLink" data-text="<i class='fa fa-navicon firstIcon'></i>特种工管理"/>
                            <div v-if='data.Certificates.SpecialMember.OneMonth >0 || data.Certificates.SpecialMember.ThreeMonth >0' class='toast1'>
                                <img src="img/toast/5.png" alt="" />
                                <div>
                                    <p>{{data.Certificates.SpecialMember.ThreeMonth}}个 3个月到期</p>
                                    <p>{{data.Certificates.SpecialMember.OneMonth}}个 1个月到期</p>
                                </div>
                            </div>
                            <span>{{data.Certificates.SpecialMember.Count}}人</span>
                            <h4 v-if='data.Certificates.SpecialMember.EnrollLink' class='menuiwin' :href="data.Certificates.SpecialMember.EnrollLink" data-text="<i class='fa fa-navicon firstIcon'></i>特种工报班">可报班</h4>
                            <p class='menuiwin' :href="data.Certificates.SpecialMember.FuncLink" data-text="<i class='fa fa-navicon firstIcon'></i>特种工管理">特种工</p>
                        </li>
                        <!--造价员-->
                        <li v-if='data.Certificates.CostMember'>
                            <img src="img/zaojiayuan.png" alt="造价员管理" class='menuiwin' :href="data.Certificates.CostMember.FuncLink" data-text="<i class='fa fa-navicon firstIcon'></i>造价员管理"/>
                            <div v-if='data.Certificates.CostMember.OneMonth >0 || data.Certificates.CostMember.ThreeMonth >0' class='toast1'>
                                <img src="img/toast/6.png" alt="" />
                                <div>
                                    <p>{{data.Certificates.CostMember.ThreeMonth}}个 3个月到期</p>
                                    <p>{{data.Certificates.CostMember.OneMonth}}个 1个月到期</p>
                                </div>
                            </div>
                            <span>{{data.Certificates.CostMember.Count}}人</span>
                            <h4 v-if='data.Certificates.CostMember.EnrollLink' class='menuiwin' :href="data.Certificates.CostMember.EnrollLink" data-text="<i class='fa fa-navicon firstIcon'></i>造价员报班">可报班</h4>
                            <p class='menuiwin' :href="data.Certificates.CostMember.FuncLink" data-text="<i class='fa fa-navicon firstIcon'></i>造价员管理">造价员</p>
                        </li>
                    </ul>
                </div>

                <!--企业信息-->
                <div class='lt right' v-show='state==2'>
                    <ul class='company animated fadeInRight' v-if='state==2'>
                        <li>企业名称：{{data.CompanyInfo.Name}}</li>
                        <li>组织机构代码：{{data.CompanyInfo.OrgCode}}</li>
                        <li>营业执照：{{data.CompanyInfo.License}}</li>
                        <li>法        人： {{data.CompanyInfo.LegalMan}}</li>
                        <li>成立时间：{{data.CompanyInfo.RegistDete}} </li>
                        <li>联系电话： {{data.CompanyInfo.Tel}}</li>
                        <li>通讯地址： {{data.CompanyInfo.Address}}</li>
                        <li>电子邮箱：{{data.CompanyInfo.Email}}</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <script src='js/public.js'></script>
    <script src='js/bgindex.js'></script>
    <!--<script>
        //$('.menuiwin').unbind();
        //$('.menuiwin').on('click', top.$.learuntab.addTab);
        alert(1);
        $('.menuiwin').on('click', function () {
            alert(11);
        });
    </script>-->
</body>

</html>